<div class="modal fade" id="SignupModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="col-xs-12 col-sm-12 col-md-12">
			<div class="panel panel-primary">
				<div class="panel-heading">
					<button type="button" class="close" data-dismiss="modal">
						<span aria-hidden="true">&times;</span>
						<span class="sr-only"></span>
					</button>
					<h3 class="panel-title">Sign Up</h3>
				</div>
				<g:form role="form" name="form-signup" controller="User" action="register">
					<div class="panel-body body-login-custom">
						<div class="row">
							<div class="col-xs-12 col-sm-12 col-md-12">
								<div class="form-group">
									<div class="input-group">
										<span class="input-group-addon">
											<span class="glyphicon glyphicon-user"></span>
										</span>
										<input type="email" class="form-control" placeholder="User email" name="registerEmail" id="registerEmail" required />
									</div>
								</div>
								<div class="form-group">
									<div class="input-group">
										<span class="input-group-addon">
											<span class="glyphicon glyphicon-user"></span>
										</span>
										<input type="text" class="form-control" placeholder="Full name" name="registerName" required />
									</div>
								</div>
								<div class="form-group">
									<div class="input-group">
										<span class="input-group-addon">
											<span class="glyphicon glyphicon-lock"></span>
										</span>
										<input type="password" class="form-control" placeholder="Password" name="registerPassword" required />
									</div>
								</div>
								<div class="form-group">
									<div class="input-group">
										<span class="input-group-addon">
											<span class="glyphicon glyphicon-lock"></span>
										</span>
										<input type="password" class="form-control" placeholder="Retype password" name="registerRetypePassword" required />
									</div>
								</div>
								<div class="form-group">
									<div class="checkbox">
										<label>
											<input type="checkbox" value="AgreeTerm" name="isAgreeTerm" id="isAgreeTerm">
											<b>I agree to the Terms of Service.</b>
										</label>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="panel-footer body-login-custom">
						<div class="row">
							<div class="col-xs-12 col-sm-6 col-md-6">Already have an account? <a href="#" id="sign-in-here">Sign in</a>
							</div>
							<div class="col-xs-12 col-sm-6 col-md-6">
								<div class="col-xs-6 col-sm-6 col-md-6">
									<button type="submit" class="btn btn-success btn-max-width">Sign up</button>
								</div>
								<div class="col-xs-6 col-sm-6 col-md-6">
									<button type="button" class="btn btn-danger btn-cancel-modal btn-max-width">Cancel</button>
								</div>
							</div>
						</div>
					</div>
				</g:form>
			</div>
		</div>
	</div>
</div>
